<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
  <meta charset="utf-8" />
  <title>Nivo Gallery Demo</title>
  <link href="<?php echo base_url('theme/css/frontend/nivo-gallery.css'); ?>" type="text/css" rel="stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script src="<?php echo base_url('theme/js/frontend/jquery.nivo.gallery.js'); ?>" type="text/javascript"></script>
</head>
<body>
	<div id="gallery" class="nivoGallery">
		<ul>
			          	<li data-title="Lorem ipsum 1" data-caption="dolor sit amet, consectetur adipiscing elit"><img src="<?php echo base_url('upload/company/intro_images/1333677983.jpg'); ?>" alt="" /></li>
			<li data-title="Lorem ipsum 2" data-caption="dolor sit amet, consectetur adipiscing elit"><img src="<?php echo base_url('upload/company/intro_images/1333677983.jpg'); ?>" alt="" /></li>
			<li data-title="Lorem ipsum 3" data-caption="dolor sit amet, consectetur adipiscing elit"><img src="<?php echo base_url('upload/company/intro_images/1333677983.jpg'); ?>" alt="" /></li>
			<li data-title="Lorem ipsum 4" data-caption="dolor sit amet, consectetur adipiscing elit"><img src="<?php echo base_url('upload/company/intro_images/1333677983.jpg'); ?>" alt="" /></li>
			<li data-type="html" data-title="Lorem ipsum 5" data-caption="dolor sit amet, consectetur adipiscing elit">
				<h1>Heading</h1>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
				<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
			</li>
			<li data-type="video" data-title="Vimeo Video">
				<iframe src="http://player.vimeo.com/video/29950141?portrait=0&amp;color=ffffff" width="670" height="377" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
			</li>
			<li data-type="video" data-title="YouTube Video">
				<iframe width="560" height="315" src="http://www.youtube.com/embed/72hTSFkYVAo?wmode=opaque" frameborder="0" allowfullscreen></iframe>
			</li>
			<li data-type="video" data-title="HTML5 Video">
				<video width="700" height="390" controls="control" preload="none"> 
					<source src="http://mediaelementjs.com/media/echo-hereweare.mp4" type="video/mp4" /> 
					<source src="http://mediaelementjs.com/media/echo-hereweare.webm" type="video/webm" /> 
					<source src="http://mediaelementjs.com/media/echo-hereweare.ogv" type="video/ogg" /> 
				</video>
			</li>
		</ul>
	</div>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#gallery').nivoGallery();
    });
    </script>
</body>
</html>